<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/respond.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<div>
    <nav class="navbar">
     <div class="container">
     <div class="collapse navbar-collapse navbar-right">
      <ul class="nav navbar-nav">
          <li><a href="" id="user" style="color: red"></a></li>
          <li><a href="index.html" id="zx">注销</a></li>
          <li><a href="" style="font-size:16px">关注绿道</a></li>
          <li><a href="" style="font-size:16px">常见问题</a></li>
          <li><a href="" style="font-size:16px">联系我们</a></li>
      </ul>
        
     </div>
     </div>
    </nav>
</div>
<div class="second-menu">
    <div >
        <img src="img/logo5.png" alt=""/>
        <a href="menu.html" style="margin-left: 50px;font-size:22px">首页</a>
        <a href="indexapi.html" style="padding-left: 50px;font-size:22px">API</a>
    </div>

</div>
<div class="carousel slide" id="carousel" data-ride="carousel" data-interval="3000" style="width: 1132px;margin:10px auto 170px;">
    <ol class="carousel-indicators">
        <li class="active" data-target="#carousel" data-slide-to="0"></li>
        <li  data-target="#carousel" data-slide-to="1"></li>
        <li  data-target="#carousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active" >
            <img src="img/22164347sub7.png" alt="" width="1132" height="430"/>
        </div>
        <div class="item">
            <img src="img/22164421lfb6.png" alt="" width="1132" height="430"/>
        </div>
        <div class="item">
            <img src="img/221644076vvx.png" alt="" width="1132" height="430"/>
        </div>
    </div>
    <a href="" class="carousel-control left" data-target=".carousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a href="" class="carousel-control right" data-target=".carousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
<div class="bottom-menu">

</div>
<div class="width1200">
<h2 class="title title1"></h2>
</div>
<div class="container">
 <div class="row">
  <div class="col-md-3 navbar-left" style="height: 560px;color: #fff">
      <img src="img/qx.jpg" alt="" width="300" height="500"/>
  </div>
     <div class="col-md-9 navbar-right">
         <ul>
             <li><a href="" class="juhe-a"><i class="icon"></i><div class="img-div" style="padding-top:40px"><img src="img/dmtlgp-01.png" alt="" width="90" height="90"/></div><div class="img-title"><a href="dmydp.html">多媒体大屏</a></div>
                 <p class="reco-des">屏幕列表接口、插播消息接口、报警接口</p><div class="reco-price"><p><b>￥1</b><span>/30次</span></p></div></a></li>
             <li><a href="" class="juhe-a"><i class="icon2"></i><div class="img-div" style="padding-top:40px"><img src="img/glry-01.png" height="90" width="90" alt=""/></div><div class="img-title"><a href="guanliren.html">管理人员信息</a></div>
                 <p class="reco-des">查询上报工单、查询用户信息、查询部门用户数</p><div class="reco-price"><p><span>低至</span><b>￥0.30</b></p></div></a></li>
             <li><a href="" class="juhe-a"><i class="icon2"></i><div class="img-div" style="padding-top:40px"><img src="img/rll-01.png" alt="" width="90" height="90"/></div><div class="img-title"><a href="rll.html">人流量</a></div>
                 <p class="reco-des">实时查看人流量数据</p><div class="reco-price"><p><span>低至</span><b>￥0.40</b></p></div></a></li>
             <li><a href="" class="juhe-a"><i class="icon2"></i><div class="img-div" style="padding-top:40px"><img src="img/weather.png" alt="" width="90" height="90"/></div><div class="img-title"><a href="weather.html">天气预报</a></div>
                 <p class="reco-des">实时查看天气信息</p><div class="reco-price"><p><span>低至</span><b>￥0.40</b></p></div></a></li>
             <li><a href="" class="juhe-a"><i class="icon"></i><div class="img-div" style="padding-top:40px"><img src="img/glry.png" alt="" width="90" height="90"/></div><div class="img-title"><a href="tongyishenfen.html">登陆平台及角色权限</a></div>
                 <p class="reco-des">获取用户信息及其角色权限</p><div class="reco-price"><p>免费使用</p></div></a></li>
             <li><a href="" class="juhe-a"><div class="img-div" style="padding-top:40px"><img src="img/zzzc.png" alt="" width="90" height="90"/></div><div class="img-title"><a href="car.html">自助租车</a></div>
                 <p class="reco-des">支持电动车,自行车自助服务</p><div class="reco-price"><p><b>￥1</b><span>/30次</span></p></div></a></li>
         </ul>
     </div>
 </div>
</div>
<div style="clear: both"></div>
<div class="container footend">

    <div class="mesbox">
        <div class="ftbox left">
            <h5>关于绿道</h5>
            <a href="#">API</a><br>
            <a href="#">新闻动态</a><br>
            <a href="#">合作伙伴</a>
        </div>
        <div class="ftbox left">
            <h5>绿道工具</h5>
            <a href="#">绿合子</a><br>
            <a href="#">基站定位</a><br>

        </div>
        <div class="ftbox left">
            <h5>关注我们</h5>
            <a href="#"><img src="img/1494313123.png" width="90" height="90"></a>

        </div>
        <div class="ftbox left">
            <h5>服务&支持</h5>
            <a href="#">常见问题</a><br>
            <a href="#">服务条款</a><br>
            <a href="#">隐私政策</a>
        </div>
        <div class="ftbox left">
            <h5>联系我们</h5>
            <a href="#">15871771563</a><br>
            <a href="#">www.wuhanqj.cn</a><br>
            <a href="#">投诉与建议</a>
        </div>
    </div>
    <div style="clear: both"></div>
    <div class="footsign" style="margin-left: 500px">
        武汉青杰科技有限公司©版权所有
    </div>
</div>
</div>
<script>
    var data = localStorage.getItem("name");
    document.getElementById("user").innerHTML=data;
    document.getElementById("zx").onclick=function(){
        localStorage.removeItem("name");
        open("index.html")
        $.ajax('http://119.23.12.246:8080/index/app_logout', {
            data: {
                perId: data
            },
            dataType: 'json', //服务器返回json格式数据
            type: 'post', //HTTP请求类型
            timeout: 10000, //超时时间设置为10秒；
            //				headers: { 'Content-Type': 'application/json' },
            success: function(data) {

                if(data.code == 0000) {

                    localStorage.removeItem("name");
                    // window.location.reload();
                    window.location.href="index.html";

                }
            },
            error: function(xhr, type, errorThrown) {
                //alert(123)
                //异常处理；
                // console.log(type);
                return;
            }
        });
    }
</script>
</body>
</html>